.detail{
  width: 1000px;
  box-sizing: border-box;
  position: relative;
  margin: 20px auto 38px;
  div.detail-ctn{
    padding-left: 210px;
    >div:first-child{
      margin-bottom: 20px;
      h3{
        font-size: 18px;
        color: #333333;
        font-weight: 400;
      }
      div{
        a{
          font-size: 16px;
          color: #5696FF;
        }
      }
    }
    div.detail-info{
      width: 790px;
      border: 1px solid #DFDFDF;
      >div:nth-child(1){
        padding: 0 20px;
        border-bottom: 1px solid #DFDFDF;
        line-height: 50px;
        h4{
          font-size: 16px;
          color: #333333;
          font-weight: 400;
        }
        p{
          font-size: 16px;
          color: #FD802E;
        }
      }
      >div:nth-child(2){
        padding: 30px 144px 0 144px;
        position: relative;
        ul{
          li{
            float: left;
            margin-right: 125px;
            i{
              display: flex;
              width: 42px;
              height: 42px;
              border-radius: 100%;
              background: #fff;
              justify-content: center;
              align-items: center;
              font-size: 16px;
              color: #999;
              border: 1px solid #DFDFDF;
              margin: 0 auto;
              box-sizing: border-box;
            }
            h5{
              font-size: 14px;
              color: #666666;
              text-align: center;
              font-weight: 400;
              margin-top: 20px;
            }
            p{
              font-size: 12px;
              color: #999999;
              text-align: center;
            }
          }
          li.active{
            i{
              background: #5696FF;
              border: none;
              color: #fff;
            }
            h5{
              color: #333333;
            }
          }
          li:last-child{margin-right: 0}
        }
        span{
          display: block;
          width: 126px;
          position: absolute;
          top: 51px;
          border-bottom: 1px dashed #DFDFDF;
        }
        span:nth-child(1){
          left: 228px;
        }
        span:nth-child(2){
          right: 228px;
        }
      }
      >div:nth-child(3){
        padding: 50px 32px 45px;
        >div{
          margin-right: 2%;
          p{
            font-size: 14px;
            color: #666;
            span{
              color: #333;
              a{
                color: #4598FF;
              }
            }
            i{
              color: #B8B8B8;
              margin-left: 5px;
              cursor: pointer;
            }
          }
          >p:nth-child(2){
          margin: 7px 0;
        }
        }
        >div:nth-child(1){
          width: 38%;
          position: relative;
          div.atten{
            width: 238px;
            height: 50px;
            background: url("../img/img_list.png") no-repeat;
            background-position: top center;
            font-size: 12px;
            color: #4598FF;
            box-sizing: border-box;
            padding: 13px 11px 0 9px;
            position: absolute;
            right: -52px;
            top: 44px;
          }
        }
        >div:nth-child(2){
          width: 22%;
        }
        >div:last-child{margin-right: 0}
      }
    }
    div.repayplan{
      border: 1px solid #DFDFDF;
      margin-top: 20px;
      min-height: 387px;
      >div:first-child{
        line-height: 58px;
        border-bottom:  1px solid #DFDFDF;
        padding: 0 20px;
        h4{
          font-size: 16px;
          color: #333333;
          font-weight: 400;
        }
        p{
          font-size: 12px;
          color: #999999;
        }
      }
      >div:nth-child(2){
        padding: 20px 20px 0;
        ul{
          border: 1px solid #EFEEEE;
          li{
            line-height: 36px;
            border-bottom: 1px solid #EFEEEE;
            padding: 0 20px;
            span{
              float: left;
              display: block;
              width: 20%;
              text-align: center;
              font-size: 14px;
              color: #3C3E45;
              height: 36px;
            }
            span.norepay{
              color: #999;
            }
          }
          li:last-child{
            border-bottom: 0;
          }
        }
        ul:first-child{
          border-bottom: none;
          background: #E8F1FE;
        }
        ul:nth-child(2){
          li:nth-child(even){
            background: #FAFCFF;
          }
        }
      }
    }
  }
}